//颜色
$-primary-color:#2d8cf0 !default;
$-info-color:#2db7f5 !default;
$-success-color:#19be6b !default;
$-warning-color:#f90 !default;
$-error-color:#ed4014 !default;
$-border-color:#dcdcdc !default;
$-title-color:#333 !default;
$-content-color:#515a6e !default;
$-sub-color:#999 !default;
$-disable-color:#f3f3f3 !default;
//特殊颜色
$-box-border-color:#979797 !default;
$-box-disable-color:#e7e7e7 !default;
$-arrow-color:#D8D8D8 !default;
$-table-hover-color:#EBF7FF !default;
$-table-Highlight-color:#ADDEFF !default;
//层级
$-scroll-bar-index:999 !default;
$-decorate-index:999 !default;
$-notice-index:9999 !default;
$-modal-index:8999 !default;
//大小
$-icon-close-size:18px !default;
$-icon-alert-size:28px !default;
$-title-font-size:16px !default;
$-content-font-size:14px !default;
$-form-widget-height:30px !default;
$-box-size:16px !default;
$-toggle-height:18px !default;
$-pagination-icon-size:20px !default;
$-pagination-gap:6px !default;
$-mini-gap:6px !default;
$-tree-arrow-size:18px !default;
$-tree-node-height:24px !default;
$-component-loading-size:24px !default;
$-tree-node-loading-size:$-box-size !default;
$-notice-margin-size:24px !default;
//圆角
$-form-widget-border-radius:4px !default;
$-but-border-radius:4px !default;
$-modal-border-radius:4px !default;
$-box-border-radius:2px !default;
//阴影
$-form-widget-box-shadow:0 0 0 2px rgb(45,140,240,.2) !default;
$-modal-box-shadow:0 1px 6px rgb(0,0,0,.2) !default;
//过渡
$-form-widget-transition:.2s ease-in-out !default;
$-scroll-bar-transition:.2s ease-in-out !default;
$-notice-transition:.4s ease-in-out !default;
$-arrow-transition:.2s ease-in-out !default;
//动画
@keyframes NoticeMarginSlideInDown{
	0%{margin-top:-$-notice-margin-size}
	100%{margin-top:0}
}
@keyframes NoticeMarginSlideInRight{
	0%{margin-right:-$-notice-margin-size}
	100%{margin-right:0}
}
@keyframes NoticeMarginSlideInLeft{
	0%{margin-left:-$-notice-margin-size}
	100%{margin-left:0}
}
//混合
//禁用遮罩
@mixin disable-mask{
	cursor:not-allowed;
	&:after{
		content:'';
		position:absolute;
		width:100%;
		height:100%;
		background:#fff;
		opacity:.35;
		left:0;
		top:0;
	}
}
//单行文字省略
@mixin text-ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
//关闭图标
@mixin icon-close{
	font-size:$-icon-close-size;
	color:$-sub-color;
	cursor:pointer;
	&:hover{
		color:$-title-color;
	}
}
//气泡选项
@mixin tippy-option-content{
	height:$-form-widget-height;
	line-height:$-form-widget-height;
	padding:0 11px;
	white-space:nowrap;
}
//气泡选项弹窗
@mixin tippy-option{
	padding:5px 0;
	.lexmis_option,>div:not([class*='q-virtual-scroll']){
		@include tippy-option-content;
		color:$-title-color;
		cursor:pointer;
		transition:background $-form-widget-transition;
		&:not(.lexmis_select):not(.lms--selected):hover{
			background:#f3f3f3;
		}
	}
}
//树节点
@mixin tree-node{
	display:flex;
	align-items:center;
	>.lexmis_tree_indent{
		flex-shrink:0;
	}
	>.lexmis_tree_spinner{
		flex-shrink:0;
		font-size:$-tree-node-loading-size;
		color:$-primary-color;
		margin-right:$-mini-gap + $-tree-arrow-size - $-tree-node-loading-size;
	}
	>.lexmis_tree_arrow{
		flex-shrink:0;
		font-size:$-tree-arrow-size;
		color:$-arrow-color;
		margin-right:$-mini-gap;
		transition:transform $-arrow-transition;
		cursor:pointer;
		&.lexmis--disable{
			cursor:not-allowed;
		}
		&.lexmis--expanded{
			transform:rotate(90deg);
		}
	}
	>.lexmis_tree_arrow_placeholder{
		width:$-tree-arrow-size;
		flex-shrink:0;
		margin-right:$-mini-gap;
	}
	>.lexmis_tree_checkbox{
		flex-shrink:0;
		margin-right:$-mini-gap;
	}
}
//修复tippy的ie中bug
.tippy-box[data-placement^=top]>.tippy-arrow:before{
	border-top-color:inherit !important;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{
	border-bottom-color:inherit !important;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before{
	border-left-color:inherit !important;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before{
	border-right-color:inherit !important;
}
// 提示折行
[data-tippy-root]{
	>.tippy-box>.tippy-content{
		word-break:break-all;
	}
}
[v-cloak]{
	display:none !important;
}
